export default {
  content: [
    './index.html',
    './src/*.{vue,js,ts,jsx,tsx}',
    './src/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    fontFamily: {
      comfort: ['Comfortaa', 'system-ui'],
    },
    extend: {
      boxShadow: {
        my: '0px 0px 30px 30px rgba(0, 0, 0, 0.03);',
      },
      colors: {
        c_litegray: '#f6f3fd',
        c_gray: '#9496a9',
        c_pink: '#ee4aa4',
        c_lilu: '#845cee',
      },
      backgroundImage: {
        dashboardG: "url('/src/assets/img/dashboardG.png')",
        dashboardP: "url('/src/assets/img/dashboardP.png')",
        sportG: "url('/src/assets/img/sportG.png')",
        sportP: "url('/src/assets/img/sportP.png')",
        cookingG: "url('/src/assets/img/cookingG.png')",
        cookingP: "url('/src/assets/img/cookingP.png')",
        codingG: "url('/src/assets/img/codingG.png')",
        codingP: "url('/src/assets/img/codingP.png')",
        avatar: "url('/src/assets/img/avatar.jpg')",
      },
    },
  },
}
